<!DOCTYPE html>
<html lang="">
    <!-- title -->




<!-- keywords -->




<head><meta name="generator" content="Hexo 3.8.0">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <meta name="author" content="JunqiFu">
    <meta name="renderer" content="webkit">
    <meta name="copyright" content="JunqiFu">
    
    <meta name="keywords" content="Junqi,hexo-theme,hexo-blog">
    
    <meta name="description" content="JunqiFu Story Collection,个人博客">
    <meta http-equiv="Cache-control" content="no-cache">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>Coding+Gridea搭建个人博客 · Junqi</title>
    <style type="text/css">
    @font-face {
        font-family: 'Oswald-Regular';
        src: url("/font/Oswald-Regular.ttf");
    }

    body {
        margin: 0;
    }

    header,
    footer,
    .back-top,
    .sidebar,
    .container,
    .site-intro-meta,
    .toc-wrapper {
        display: none;
    }

    .site-intro {
        position: relative;
        z-index: 3;
        width: 100%;
        /* height: 50vh; */
        overflow: hidden;
    }

    .site-intro-placeholder {
        position: absolute;
        z-index: -2;
        top: 0;
        left: 0;
        width: calc(100% + 300px);
        height: 100%;
        background: repeating-linear-gradient(-45deg, #444 0, #444 80px, #333 80px, #333 160px);
        background-position: center center;
        transform: translate3d(-226px, 0, 0);
        animation: gradient-move 2.5s ease-out 0s infinite;
    }

    @keyframes gradient-move {
        0% {
            transform: translate3d(-226px, 0, 0);
        }
        100% {
            transform: translate3d(0, 0, 0);
        }
    }

</style>

    <link rel="preload" href="/css/style.css?v=20180824" as="style" onload="this.onload=null;this.rel='stylesheet'">
    <link rel="stylesheet" href="/css/mobile.css?v=20180824" media="(max-width: 980px)">
    
    <link rel="preload" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.2.5/jquery.fancybox.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
    
    <!-- /*! loadCSS. [c]2017 Filament Group, Inc. MIT License */
/* This file is meant as a standalone workflow for
- testing support for link[rel=preload]
- enabling async CSS loading in browsers that do not support rel=preload
- applying rel preload css once loaded, whether supported or not.
*/ -->
<script>
(function( w ){
	"use strict";
	// rel=preload support test
	if( !w.loadCSS ){
		w.loadCSS = function(){};
	}
	// define on the loadCSS obj
	var rp = loadCSS.relpreload = {};
	// rel=preload feature support test
	// runs once and returns a function for compat purposes
	rp.support = (function(){
		var ret;
		try {
			ret = w.document.createElement( "link" ).relList.supports( "preload" );
		} catch (e) {
			ret = false;
		}
		return function(){
			return ret;
		};
	})();

	// if preload isn't supported, get an asynchronous load by using a non-matching media attribute
	// then change that media back to its intended value on load
	rp.bindMediaToggle = function( link ){
		// remember existing media attr for ultimate state, or default to 'all'
		var finalMedia = link.media || "all";

		function enableStylesheet(){
			link.media = finalMedia;
		}

		// bind load handlers to enable media
		if( link.addEventListener ){
			link.addEventListener( "load", enableStylesheet );
		} else if( link.attachEvent ){
			link.attachEvent( "onload", enableStylesheet );
		}

		// Set rel and non-applicable media type to start an async request
		// note: timeout allows this to happen async to let rendering continue in IE
		setTimeout(function(){
			link.rel = "stylesheet";
			link.media = "only x";
		});
		// also enable media after 3 seconds,
		// which will catch very old browsers (android 2.x, old firefox) that don't support onload on link
		setTimeout( enableStylesheet, 3000 );
	};

	// loop through link elements in DOM
	rp.poly = function(){
		// double check this to prevent external calls from running
		if( rp.support() ){
			return;
		}
		var links = w.document.getElementsByTagName( "link" );
		for( var i = 0; i < links.length; i++ ){
			var link = links[ i ];
			// qualify links to those with rel=preload and as=style attrs
			if( link.rel === "preload" && link.getAttribute( "as" ) === "style" && !link.getAttribute( "data-loadcss" ) ){
				// prevent rerunning on link
				link.setAttribute( "data-loadcss", true );
				// bind listeners to toggle media back
				rp.bindMediaToggle( link );
			}
		}
	};

	// if unsupported, run the polyfill
	if( !rp.support() ){
		// run once at least
		rp.poly();

		// rerun poly on an interval until onload
		var run = w.setInterval( rp.poly, 500 );
		if( w.addEventListener ){
			w.addEventListener( "load", function(){
				rp.poly();
				w.clearInterval( run );
			} );
		} else if( w.attachEvent ){
			w.attachEvent( "onload", function(){
				rp.poly();
				w.clearInterval( run );
			} );
		}
	}


	// commonjs
	if( typeof exports !== "undefined" ){
		exports.loadCSS = loadCSS;
	}
	else {
		w.loadCSS = loadCSS;
	}
}( typeof global !== "undefined" ? global : this ) );
</script>

    <link rel="icon" href="/assets/favicon.ico">
    <link rel="preload" href="https://cdn.jsdelivr.net/npm/webfontloader@1.6.28/webfontloader.min.js" as="script">
    <link rel="preload" href="https://cdn.jsdelivr.net/npm/jquery@3.3.1/dist/jquery.min.js" as="script">
    <link rel="preload" href="/scripts/main.js" as="script">
    <link rel="preload" as="font" href="/font/Oswald-Regular.ttf" crossorigin>
    <link rel="preload" as="font" href="https://at.alicdn.com/t/font_327081_1dta1rlogw17zaor.woff" crossorigin>
    
    <!-- fancybox -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.2.5/jquery.fancybox.min.js" defer></script>
    <!-- 百度统计  -->
    
    <script>
        var _hmt = _hmt || [];
        (function () {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?768122917f911cf699ca4d105dab7494";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
        })();
    </script>
    
    <!-- 谷歌统计  -->
    
</head>

    
        <body class="post-body">
    
    
<header class="header">

    <div class="read-progress"></div>
    <div class="header-sidebar-menu">&#xe775;</div>
    <!-- post页的toggle banner  -->
    
    <div class="banner">
            <div class="blog-title">
                <a href="/">Junqi</a>
            </div>
            <div class="post-title">
                <a href="#" class="post-name">Coding+Gridea搭建个人博客</a>
            </div>
    </div>
    
    <a class="home-link" href="/">Junqi</a>
</header>
    <div class="wrapper">
        <div class="site-intro" style="







height:50vh;
">
    
    <!-- 主页  -->
    
    
    <!-- 404页  -->
            
    <div class="site-intro-placeholder"></div>
    <div class="site-intro-img" style="background-image: url(https://uploadbeta.com/api/pictures/random/)"></div>
    <div class="site-intro-meta">
        <!-- 标题  -->
        <h1 class="intro-title">
            <!-- 主页  -->
            
            Coding+Gridea搭建个人博客
            <!-- 404 -->
            
        </h1>
        <!-- 副标题 -->
        <p class="intro-subtitle">
            <!-- 主页副标题  -->
            
            
            <!-- 404 -->
            
        </p>
        <!-- 文章页meta -->
        
            <div class="post-intros">
                <!-- 文章页标签  -->
                
                    <div class="post-intro-tags">
    
        <a class="post-tag" href="javascript:void(0);" data-tags="Tutorial">Tutorial</a>
    
</div>
                
                
                    <div class="post-intro-read">
                        <span>字数统计: <span class="post-count word-count">1.2k</span>阅读时长: <span class="post-count reading-time">4 min</span></span>
                    </div>
                
                <div class="post-intro-meta">
                    <span class="post-intro-calander iconfont-archer">&#xe676;</span>
                    <span class="post-intro-time">2019/06/04</span>
                    
                    <span class="shareWrapper">
                        <span class="iconfont-archer shareIcon">&#xe71d;</span>
                        <span class="shareText">Share</span>
                        <ul class="shareList">
                            <li class="iconfont-archer share-qr" data-type="qr">&#xe75b;
                                <div class="share-qrcode"></div>
                            </li>
                            <li class="iconfont-archer" data-type="weibo">&#xe619;</li>
                            <li class="iconfont-archer" data-type="qzone">&#xe62e;</li>
                            <li class="iconfont-archer" data-type="twitter">&#xe634;</li>
                            <li class="iconfont-archer" data-type="facebook">&#xe67a;</li>
                        </ul>
                    </span>
                </div>
            </div>
        
    </div>
</div>
        <script>
 
  // get user agent
  var browser = {
    versions: function () {
      var u = window.navigator.userAgent;
      return {
        userAgent: u,
        trident: u.indexOf('Trident') > -1, //IE内核
        presto: u.indexOf('Presto') > -1, //opera内核
        webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
        gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
        mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端
        ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
        android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器
        iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1, //是否为iPhone或者安卓QQ浏览器
        iPad: u.indexOf('iPad') > -1, //是否为iPad
        webApp: u.indexOf('Safari') == -1, //是否为web应用程序，没有头部与底部
        weixin: u.indexOf('MicroMessenger') == -1, //是否为微信浏览器
        uc: u.indexOf('UCBrowser') > -1 //是否为android下的UC浏览器
      };
    }()
  }
  console.log("userAgent:" + browser.versions.userAgent);

  // callback
  function fontLoaded() {
    console.log('font loaded');
    if (document.getElementsByClassName('site-intro-meta')) {
      document.getElementsByClassName('intro-title')[0].classList.add('intro-fade-in');
      document.getElementsByClassName('intro-subtitle')[0].classList.add('intro-fade-in');
      var postIntros = document.getElementsByClassName('post-intros')[0]
      if (postIntros) {
        postIntros.classList.add('post-fade-in');
      }
    }
  }

  // UC不支持跨域，所以直接显示
  function asyncCb(){
    if (browser.versions.uc) {
      console.log("UCBrowser");
      fontLoaded();
    } else {
      WebFont.load({
        custom: {
          families: ['Oswald-Regular']
        },
        loading: function () {  //所有字体开始加载
          // console.log('loading');
        },
        active: function () {  //所有字体已渲染
          fontLoaded();
        },
        inactive: function () { //字体预加载失败，无效字体或浏览器不支持加载
          console.log('inactive: timeout');
          fontLoaded();
        },
        timeout: 5000 // Set the timeout to two seconds
      });
    }
  }

  function asyncErr(){
    console.warn('script load from CDN failed, will load local script')
  }

  // load webfont-loader async, and add callback function
  function async(u, cb, err) {
    var d = document, t = 'script',
      o = d.createElement(t),
      s = d.getElementsByTagName(t)[0];
    o.src = u;
    if (cb) { o.addEventListener('load', function (e) { cb(null, e); }, false); }
    if (err) { o.addEventListener('error', function (e) { err(null, e); }, false); }
    s.parentNode.insertBefore(o, s);
  }

  var asyncLoadWithFallBack = function(arr, success, reject) {
      var currReject = function(){
        reject()
        arr.shift()
        if(arr.length)
          async(arr[0], success, currReject)
        }

      async(arr[0], success, currReject)
  }

  asyncLoadWithFallBack([
    "https://cdn.jsdelivr.net/npm/webfontloader@1.6.28/webfontloader.min.js", 
    "https://cdn.bootcss.com/webfont/1.6.28/webfontloader.js",
    "/lib/webfontloader.min.js"
  ], asyncCb, asyncErr)
</script>        
        <img class="loading" src="/assets/loading.svg" style="display: block; margin: 6rem auto 0 auto; width: 6rem; height: 6rem;" />
        <div class="container container-unloaded">
            <main class="main post-page">
    <article class="article-entry">
        <p><img src="/article/81d814de/../81d814de/10.jpg" alt="T06040001" title="我的首页"><br><a id="more"></a></p>
<p>先看结果，让你知道我在做什么</p>
<p>这是我网站的首页，链接在这里👉<a href="http://junqifu.xyz" target="_blank" rel="noopener">Junqi-Notes</a></p>
<p><img src="/article/81d814de/../81d814de/11.jpg" alt="T06040001" title="我的文章页"><br> <label style="color:#1589F0">T06040001</label></p>
<h1 id="用Coding-Gridea搭建个人博客"><a href="#用Coding-Gridea搭建个人博客" class="headerlink" title="用Coding+Gridea搭建个人博客"></a>用Coding+Gridea搭建个人博客</h1><h2 id="1-先了解Gridea是什么？"><a href="#1-先了解Gridea是什么？" class="headerlink" title="1.先了解Gridea是什么？"></a>1.先了解Gridea是什么？</h2><p> Gridea官方网址在这里👉<a href="https://gridea.dev/" target="_blank" rel="noopener">Gridea</a></p>
<p> 为什么要用Gridea（静态博客写作客户端）？如果是新手的话，还没用过hexo等，可自动忽略本条<br> 我开始用hexo + Github 编写博客，当然仅供自己日常记录<a href="https://hexo.io/zh-cn/" target="_blank" rel="noopener">hexo</a>只能将本地编辑好的<a href="https://baike.baidu.com/item/markdown/3245829?fr=aladdin" target="_blank" rel="noopener">Markdown</a>文件推送到Github，并且每次推送新的文章都需要重复 hexo三连，hexo配置和主题的设置也是超级复杂的，so你懂的作为一个懒人，我想有没有一个东西能够实现编辑Markdown文件后一键推送至<a href="https://github.com/" target="_blank" rel="noopener">GitHub</a>或者其他Pgae上并且使用和操作都非常便捷呢？ 于是我找到了<a href="https://gridea.dev/" target="_blank" rel="noopener">Gridea</a></p>
<blockquote>
<p>相信你应该基本了解什么是<a href="https://gridea.dev/" target="_blank" rel="noopener">Gridea</a>了，下面就开始实际操作吧！</p>
</blockquote>
<h2 id="2-安装与本地预览"><a href="#2-安装与本地预览" class="headerlink" title="2.安装与本地预览"></a>2.安装与本地预览</h2><p> 安装就很简单了，官网下载安装包，Gridea目前支持windows、Linux、Mac<br> <img src="/article/81d814de/../81d814de/4.jpg" alt="T06040001" title="Gridea官网"></p>
<p> 安装完成后，点击预览就可以在浏览器查看效果了<br> <img src="/article/81d814de/../81d814de/12.jpg" alt="T06040001" title="Gridea主页"></p>
<p> 可以在主题中修改主题的样式，Gridea客户端内置了四个主题，目前来说Gridea主题样式还是比较单一没有hexo的多<br> 而且在个性化上主题上没有hexo 那么多插件可以选择（本人觉得就单单说平常写写日志文章来说够了）<br>  <img src="/article/81d814de/../81d814de/13.jpg" alt="T06040001" title="Gridea主题市场"></p>
<p>  <img src="/article/81d814de/../81d814de/14.jpg" alt="T06040001" title="Gridea客户端主题设置"></p>
<p>  到目前为止，其实完全可以开始写你的日记了，在文章页面，新建一个文档，编辑完成后预览就OK了<br>  如果你想把你的笔记放到云端存储，同时希望分享给其人你的笔记，那就继续观看下面的文档吧</p>
<h2 id="3-coding-配置"><a href="#3-coding-配置" class="headerlink" title="3.coding 配置"></a>3.coding 配置</h2><ol>
<li><p><a href="https://dev.tencent.com/production" target="_blank" rel="noopener">Coding</a>简介</p>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><span class="line">最适合研发团队的项目协作工具</span><br><span class="line">CODING 个人版包含了任务、Wiki、文件等功能。支持多成员协作，并且深度集成了代码仓库的操作与状态。</span><br><span class="line">代码托管功能除了提供高性能远端 Git 仓库外，还支持代码审查、Bug 跟踪和一键部署等功能，</span><br><span class="line">真正符合研发团队的工作模式。</span><br></pre></td></tr></table></figure>
</li>
</ol>
<blockquote>
<p>需要注意的是，不要注册到Coding企业版去了，在coding企业版中，Coding Pages是没有，个人版在这里👉<a href="https://dev.tencent.com/production" target="_blank" rel="noopener">Coding个人版</a></p>
</blockquote>
<p>  <img src="/article/81d814de/../81d814de/6.jpg" alt="T06040001" title="Coding官网"></p>
<ol start="2">
<li>注册登录认证一套手续后，就可以新建仓库了<br><img src="/article/81d814de/../81d814de/15.jpg" alt="T06040001" title="Coding新建项目"><br>新建项目需要注意一点的是，建议项目名称和项目路径名称一致，注意勾选上公开源代码和启用README.md</li>
<li>项目新建完成后可以开启Page服务👇<br><img src="/article/81d814de/../81d814de/16.jpg" alt="T06040001" title="Coding开启Page"><br>进入页面之后勾选同意服务协议，一键开启就OK了</li>
<li>设置访问令牌<br><img src="/article/81d814de/../81d814de/17.jpg" alt="T06040001" title="Coding开启Page"><br>设置访问令牌，记录下设置完成后的token值，后面需要用到</li>
<li>目前位置Coding配置就完成了</li>
</ol>
<blockquote>
<p>ps：还需要注意一点是把本地的SSH公钥设置一下，如果你用过GitHub那就参照着来就行 参考信息<a href="https://coding.net/help/doc/git/ssh-key.html" target="_blank" rel="noopener">如何配置 SSH 公钥访问 git 仓库？</a><br>   <img src="/article/81d814de/../81d814de/18.jpg" alt="T06040001" title="Coding开启Page"></p>
</blockquote>
<h2 id="4-Gridea本地基础配置"><a href="#4-Gridea本地基础配置" class="headerlink" title="4.Gridea本地基础配置"></a>4.Gridea本地基础配置</h2><p>  我的配置页<br>  <img src="/article/81d814de/../81d814de/1.jpg" alt="T06040001" title="Gridea基础配置"><br>  说一下基本的配置信息<br>  域名就是 Gridea Page 访问的域名，见下图👇<br>  <img src="/article/81d814de/../81d814de/19.jpg" alt="T06040001" title="Gridea基础配置"><br>  仓库就是你的仓库名了<br>  分支一般默认是 master<br>  仓库用户名和邮箱就不多说了<br>  Token 就是你上面保存的访问令牌的Token值<br>  至于 CNAME ，如果你想要更改 CodingPage域名换成你自己的域名就在这里设置，现在先留着空，不用管<br>  接下来直接点击检测远程连接看看是否成功，报错的话就需要重新检查一下你填写的上述内容是否正确<br>  （Gridea客户端在这里的优化也不是很好，没有详细的错误提示信息，只能自己一项一项测试错误在哪里）<br>  如果显示链接成功就可以点击保存，在左下角找到同步按钮，一键同步完成了！！</p>
<p>现在你可在Coding中查看自己的仓库是否有内容提交，有的话，就可以直接访问你的CodingPage页面，内容就会直接呈现了</p>
<blockquote>
<p>文章没看懂？有没有视频？视频链接在这里！<a href="https://www.bilibili.com/video/av54298548" target="_blank" rel="noopener">Suremotoo</a></p>
</blockquote>
<blockquote>
<p>ps: 网站域名设置和评论设置见下篇文章，目前就写到此处，有疑问欢迎评论和发邮件至<a href>1769459858@qq.com</a></p>
</blockquote>
<h3 id="教程适用：GitHub、Git-有部分基础"><a href="#教程适用：GitHub、Git-有部分基础" class="headerlink" title="教程适用：GitHub、Git 有部分基础"></a>教程适用：GitHub、Git 有部分基础</h3><h2 id="结尾"><a href="#结尾" class="headerlink" title="结尾"></a>结尾</h2><p>   学习不是一件简单的事情，如果你没有计划和安排，一切都是浮云</p>

    </article>
    <!-- license  -->
    
    <!-- paginator  -->
    <ul class="post-paginator">
        <li class="next">
            
                <div class="nextSlogan">Next Post</div>
                <a href="/article/b7cb51c8/" title="5G时代的认识与思考">
                    <div class="nextTitle">5G时代的认识与思考</div>
                </a>
            
        </li>
        <li class="previous">
            
                <div class="prevSlogan">Previous Post</div>
                <a href="/article/1ff6794c/" title="Hexo 博客同时部署到GitHub和Gitee">
                    <div class="prevTitle">Hexo 博客同时部署到GitHub和Gitee</div>
                </a>
            
        </li>
    </ul>
    <!-- 评论插件 -->
    <!-- 来必力City版安装代码 -->

<!-- City版安装代码已完成 -->
    
    
    <!-- partial('_partial/comment/changyan') -->
    <!--PC版-->


    
    
    <script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>
    <script src="//unpkg.com/valine/dist/Valine.min.js"></script>
    <div id="comment"></div>
    <script>
    new Valine({
        el: '#comment' ,
        notify:false, 
        verify:false, 
        appId: "2uVnmgU3A3YOQqJm7RdG5Bx2-gzGzoHsz",
        appKey: "FPklKqf3cP8WCv5NjvwyCVV4",
        placeholder: "",
        path:window.location.pathname, 
        avatar:'mm' 
    });
    </script>


    <!-- 评论 -->
</main>
            <!-- profile -->
            
        </div>
        <footer class="footer footer-unloaded">
    <!-- social  -->
    
    <div class="social">
        
    
        
            
                <a href="mailto:1769459858@qq.com" class="iconfont-archer email" title="email"></a>
            
        
    
        
            
                <a href="//github.com/JunqiFu" class="iconfont-archer github" target="_blank" title="github"></a>
            
        
    
        
            
                <span class="iconfont-archer wechat" title="wechat">
                  
                  <img class="profile-qr" src="/assets/example_qr.png">
                </span>
            
        
    

    </div>
    
    <!-- powered by Hexo  -->
    <div class="copyright">
        <span id="hexo-power">Powered by <a href="https://hexo.io/" target="_blank">Hexo</a></span><span class="iconfont-archer power">&#xe635;</span><span id="theme-info">theme <a href="https://github.com/fi3ework/hexo-theme-archer" target="_blank">Archer</a></span>
    </div>
    <!-- 不蒜子  -->
    
</footer>
    </div>
    <!-- toc -->
    
    <div class="toc-wrapper" style=
    







top:50vh;

    >
        <div class="toc-catalog">
            <span class="iconfont-archer catalog-icon">&#xe613;</span><span>CATALOG</span>
        </div>
        <ol class="toc"><li class="toc-item toc-level-1"><a class="toc-link" href="#用Coding-Gridea搭建个人博客"><span class="toc-number">1.</span> <span class="toc-text">用Coding+Gridea搭建个人博客</span></a><ol class="toc-child"><li class="toc-item toc-level-2"><a class="toc-link" href="#1-先了解Gridea是什么？"><span class="toc-number">1.1.</span> <span class="toc-text">1.先了解Gridea是什么？</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#2-安装与本地预览"><span class="toc-number">1.2.</span> <span class="toc-text">2.安装与本地预览</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#3-coding-配置"><span class="toc-number">1.3.</span> <span class="toc-text">3.coding 配置</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#4-Gridea本地基础配置"><span class="toc-number">1.4.</span> <span class="toc-text">4.Gridea本地基础配置</span></a><ol class="toc-child"><li class="toc-item toc-level-3"><a class="toc-link" href="#教程适用：GitHub、Git-有部分基础"><span class="toc-number">1.4.1.</span> <span class="toc-text">教程适用：GitHub、Git 有部分基础</span></a></li></ol></li><li class="toc-item toc-level-2"><a class="toc-link" href="#结尾"><span class="toc-number">1.5.</span> <span class="toc-text">结尾</span></a></li></ol></li></ol>
    </div>
    
    <div class="back-top iconfont-archer">&#xe639;</div>
    <div class="sidebar sidebar-hide">
    <ul class="sidebar-tabs sidebar-tabs-active-0">
        <li class="sidebar-tab-archives"><span class="iconfont-archer">&#xe67d;</span><span class="tab-name">Archive</span></li>
        <li class="sidebar-tab-tags"><span class="iconfont-archer">&#xe61b;</span><span class="tab-name">Tag</span></li>
        <li class="sidebar-tab-categories"><span class="iconfont-archer">&#xe666;</span><span class="tab-name">Cate</span></li>
    </ul>
    <div class="sidebar-content sidebar-content-show-archive">
          <div class="sidebar-panel-archives">
    <!-- 在ejs中将archive按照时间排序 -->
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    <div class="total-and-search">
        <div class="total-archive">
        Total : 10
        </div>
        <!-- search  -->
        
    </div>
    
    <div class="post-archive">
    
    
    
    
    <div class="archive-year"> 2019 </div>
    <ul class="year-list">
    
    
        <li class="archive-post-item">
            <span class="archive-post-date">08/06</span><a class="archive-post-title" href="/article/faba78c9/">推荐两首好听的音乐</a>
        </li>
    
    
        <li class="archive-post-item">
            <span class="archive-post-date">08/06</span><a class="archive-post-title" href="/article/1c8e8bdd/">随笔记录</a>
        </li>
    
    
        <li class="archive-post-item">
            <span class="archive-post-date">06/14</span><a class="archive-post-title" href="/article/b7cb51c8/">5G时代的认识与思考</a>
        </li>
    
    
        <li class="archive-post-item">
            <span class="archive-post-date">06/04</span><a class="archive-post-title" href="/article/81d814de/">Coding+Gridea搭建个人博客</a>
        </li>
    
    
        <li class="archive-post-item">
            <span class="archive-post-date">05/28</span><a class="archive-post-title" href="/article/1ff6794c/">Hexo 博客同时部署到GitHub和Gitee</a>
        </li>
    
    
        <li class="archive-post-item">
            <span class="archive-post-date">05/28</span><a class="archive-post-title" href="/article/aabd3274/">始于你</a>
        </li>
    
    
        <li class="archive-post-item">
            <span class="archive-post-date">05/28</span><a class="archive-post-title" href="/article/b7fb4495/">听那些无法忘怀的音乐</a>
        </li>
    
    
        <li class="archive-post-item">
            <span class="archive-post-date">05/28</span><a class="archive-post-title" href="/article/b840255a/">語学テスト（语言测试）</a>
        </li>
    
    
        <li class="archive-post-item">
            <span class="archive-post-date">05/28</span><a class="archive-post-title" href="/article/406c0b37/">Hexo+GitHub 搭建博客</a>
        </li>
    
    
        <li class="archive-post-item">
            <span class="archive-post-date">05/28</span><a class="archive-post-title" href="/article/fc225454/">为什要搭建自己的博客</a>
        </li>
    
    </ul></div>
  </div>
        <div class="sidebar-panel-tags">
    <div class="sidebar-tags-name">
    
        <span class="sidebar-tag-name" data-tags="Test"><span class="iconfont-archer">&#xe606;</span>Test</span>
    
        <span class="sidebar-tag-name" data-tags="Tutorial"><span class="iconfont-archer">&#xe606;</span>Tutorial</span>
    
        <span class="sidebar-tag-name" data-tags="Extract"><span class="iconfont-archer">&#xe606;</span>Extract</span>
    
        <span class="sidebar-tag-name" data-tags="Introduction"><span class="iconfont-archer">&#xe606;</span>Introduction</span>
    
        <span class="sidebar-tag-name" data-tags="Love"><span class="iconfont-archer">&#xe606;</span>Love</span>
    
    </div>
    <div class="iconfont-archer sidebar-tags-empty">&#xe678;</div>
    <div class="tag-load-fail" style="display: none; color: #ccc; font-size: 0.6rem;">
    缺失模块。<br>
    1、请确保node版本大于6.2<br>
    2、在博客根目录（注意不是archer根目录）执行以下命令：<br>
    <span style="color: #f75357; font-size: 1rem; line-height: 2rem;">npm i hexo-generator-json-content --save</span><br>
    3、在根目录_config.yml里添加配置：
    <pre style="color: #787878; font-size: 0.6rem;">
jsonContent:
  meta: false
  pages: false
  posts:
    title: true
    date: true
    path: true
    text: false
    raw: false
    content: false
    slug: false
    updated: false
    comments: false
    link: false
    permalink: false
    excerpt: false
    categories: true
    tags: true</pre>
    </div> 
    <div class="sidebar-tags-list"></div>
</div>
        <div class="sidebar-panel-categories">
    <div class="sidebar-categories-name">
    
        <span class="sidebar-category-name" data-categories="Test"><span class="iconfont-archer">&#xe60a;</span>Test</span>
    
        <span class="sidebar-category-name" data-categories="教程"><span class="iconfont-archer">&#xe60a;</span>教程</span>
    
        <span class="sidebar-category-name" data-categories="摘录"><span class="iconfont-archer">&#xe60a;</span>摘录</span>
    
        <span class="sidebar-category-name" data-categories="介绍"><span class="iconfont-archer">&#xe60a;</span>介绍</span>
    
        <span class="sidebar-category-name" data-categories="日记"><span class="iconfont-archer">&#xe60a;</span>日记</span>
    
        <span class="sidebar-category-name" data-categories="测试"><span class="iconfont-archer">&#xe60a;</span>测试</span>
    
    </div>
    <div class="iconfont-archer sidebar-categories-empty">&#xe678;</div>
    <div class="sidebar-categories-list"></div>
</div>
    </div>
</div> 
    <script>
    var siteMeta = {
        root: "/",
        author: "JunqiFu"
    }
</script>
    <!-- CDN failover -->
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.3.1/dist/jquery.min.js"></script>
    <script type="text/javascript">
        if (typeof window.$ === 'undefined')
        {
            console.warn('jquery load from jsdelivr failed, will load local script')
            document.write('<script src="/lib/jquery.min.js">\x3C/script>')
        }
    </script>
    <script src="/scripts/main.js"></script>
    <!-- algolia -->
    
    <!-- busuanzi  -->
    
    <!-- CNZZ  -->
    
    <div style="display: none">
        <script src="https://s13.cnzz.com/z_stat.php?id=1277635791&web_id=1277635791" language="JavaScript"></script>
        
    </div>
    <!-- async load share.js -->
    
        <script src="/scripts/share.js" async></script>    
     
	<!-- 页面点击小红心 -->
    <script type="text/javascript" src="/scripts/click.js "></script>
    <script src="/live2dw/lib/L2Dwidget.min.js?094cbace49a39548bed64abff5988b05"></script><script>L2Dwidget.init({"log":false,"pluginJsPath":"lib/","pluginModelPath":"assets/","pluginRootPath":"live2dw/","tagMode":false});</script></body>
</html>


